<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table border="1" width="100%">
			<!--8行1列-->
			<!--logo 
				嵌套一行3列表格
			-->
			<tr>
				<td>
					<table width="100%">
						<tr>
							<td>
								<img src="../img/logo2.png" height="40px" />
							</td>
							<td align="center">
								<img src="../img/header.jpg" />
							</td>
							<td align="right">
								<a href="#">登录</a>
								<a href="#">注册</a>
								<a href="#">购物车</a>&nbsp; &nbsp; &nbsp; &nbsp;         
							</td>
						</tr>
					</table>
			 	</td>
			</tr>
			
			<!--
				菜单
			-->
			<tr>
				<td bgcolor="black" height="40px">
					&nbsp;<a href="#"><font color="white" size="4">首页</font></a>&nbsp;
			 		&nbsp;<a href="#"><font color="white" size="4">首页</font></a>&nbsp;
			 		&nbsp;<a href="#"><font color="white" size="4">首页</font></a>&nbsp;
			 		&nbsp;<a href="#"><font color="white" size="4">首页</font></a>&nbsp;
			 		
				</td>
			</tr>
			
			<!--轮播图-->
			<tr>
				<td>
					<img src="../img/1.jpg" width="100%"/>
			 	</td>
			</tr>
			
			<!--热门商品
				嵌套 2行7列表格
			-->
			<tr>
				<td>
					<font size="6" face="黑体">热门商品</font>
					<img src="../img/title2.jpg" />
					<table width="100%">
						<tr>
							<td rowspan="2">
								<img src="../img/big01.jpg" />
							</td>
							<td colspan="3">
								<img src="../img/middle01.jpg" />
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
						</tr>
						<tr>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
						</tr>
					</table>
			 	</td>
			</tr>
			
			<!--广告-->
			<tr>
				<td>
					<img src="../img/ad.jpg" width="100%"/>
			 	</td>
			</tr>
			
			<!--最新商品
				嵌套 2行7列表格-->
			<tr>
				<td>
					<font size="6" face="黑体">热门商品</font>
					<img src="../img/title2.jpg" />
					<table width="100%">
						<tr>
							<td rowspan="2">
								<img src="../img/big01.jpg" />
							</td>
							<td colspan="3">
								<img src="../img/middle01.jpg" />
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
						</tr>
						<tr>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
							<td>
								<img src="../img/small08.jpg" />
								<p align="center"><a href="#">电饭煲</a></p>
								<p align="center">200</p>
							</td>
						</tr>
					</table>
			 	</td>
			</tr>
			
			<!--一张图片-->
			<tr>
				<td>
					<img src="../img/footer.jpg" width="100%" />
			 	</td>
			</tr>
			
			<!--版权 root
				两个段落
			-->
			<tr>
				<td>
					<p align="center">
						<a href="#">关于我们</a> 
						<a href="#">关于我们</a> 
						<a href="#">关于我们</a> 
						<a href="#">关于我们</a> 
						<a href="#">关于我们</a> 
					</p>
					<p align="center">
						Copyright &copy; 2005-2016 传智商城 版权所有
					</p>
			 	</td>
			</tr>
			
		</table>
	</body>
</html>
